<template>
  <div style="margin: 0 auto;">
    <div>
      <h3>标题</h3>
      <a-input v-model="title" placeholder="请输入内容"/>
    </div>
    <div>
      <h3>内容</h3>
      <MdEditor v-model="content" :preview="false"  :onSave="note.add"/>
    </div>
    <div>
      <h3>分类</h3>
      <a-input placeholder="请输入内容"/>
    </div>
  </div>
</template>
<script setup>
import { ref, reactive } from 'vue'
import { MdEditor } from 'md-editor-v3'
import 'md-editor-v3/lib/style.css'
import { noteStore } from '../state/noteStore'

const note = noteStore()
const title = ''
const content = 'hello '
ref(title)
ref(content)
reactive(note)

</script>
